import Vue from 'vue'
import Router from 'vue-router'
// 同步加载组件
import Home from '@/pages/home/Home'
import City from '@/pages/city/City'
import Detail from '@/pages/detail/Detail'

Vue.use(Router)

export default new Router({
  routes: [{
    path: '/',
    name: 'Home',
    component: Home // 同步加载组件
    // 异步加载组件,进入哪个页面就加载哪个组件,不用一次全部加载,提高性能
    // 当app.js文件过大的时候使用异步组件加载拆分项目
    // 否则项目小的话使用异步加载组件拆分项目后一次http的代价远比首页多加载一点代码的代价要大
    // component: () => import('@/pages/home/Home')
  }, {
    path: '/city',
    name: 'City',
    component: City
    // component: () => import('@/pages/city/City')
  }, {
    path: '/detail/:id',
    name: 'Detail',
    component: Detail
    // component: () => import('@/pages/detail/Detail')
  }],
  // 每次路由切换的时候,也就是页面切换的时候,始终回到最顶部
  scrollBehavior (to, from, savedPosition) {
    return { x: 0, y: 0 }
  }
})
